<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <script charset='UTF-8'
            src="https://cdn.jsdelivr.net/gh/sensorsdata/sa-sdk-javascript@master/sensorsdata.min.js"></script>
    <script>
        var sensors = window['sensorsDataAnalytic201505'];
        sensors.init({
            show_log: true,
            server_url: 'http://106.52.123.223:9006/',
            heatmap: {
                //是否开启点击图，default 表示开启，自动采集 $WebClick 事件，可以设置 'not_collect' 表示关闭。
                clickmap: 'default',
                //是否开启触达注意力图，not_collect 表示关闭，不会自动采集 $WebStay 事件，可以设置 'default' 表示开启。
                scroll_notice_map: 'not_collect'
            }
        });
        sensors.quick('autoTrack');
    </script>


    <script>
        function BuyProduct() {
            console.log("BuyProduct");
            if (sensors == null) {
                console.log("sensors null");
            } else {
                console.log("sensor ok");
            }
            sensors.track('BuyProduct', {
                ProductName: "MacBook Pro",
                ProductPrice: 123.45,
                IsAddedToFav: false,
            });
        }
    </script>
</head>
<body>

<button id="bt1" onclick="BuyProduct()">BuyProduct</button>

</body>
</html>